<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    
    <style type="text/css">
    	#qrcode_box{
    		margin-top:100px;
    		padding: 10px;
    		text-align: center;
    	}
    	#qrcode_box img{
    		width: 200px;
    		height: 200px;
    	}
    	#form_div{
    		padding:10px;
    		margin-top:40px;
    		text-align: center;
    	}
    	#form_div button{
    		width: 80%;
    		margin: 5px;
    	}
    	.mui-input-row,.mui-input-row input[placeholder]{
    		font-size: 12px;
    	}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav public-green-bgcolor header-no-shadow header-txt-color msg-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<span class="mui-btn-link mui-pull-right" style="color:#fff;">重置</span>
		<h1 class="mui-title">通讯录名片</h1>
	</header>
	
	<div class="mui-content transparent-bg">
		<!--如果生成过二维码-->
	    <div id="qrcode_box">
	    	<p class="small-txt">请使用微信扫一扫该二维码</p>
	    	<div id="qrcode"></div>
	    </div>
	    
	    <!--没有生成过则填写表单-->
	    <div id="form_div">
	    	<form class="mui-input-group" action="javascript:;">
	    	    <div class="mui-input-row">
	    	        <label>姓名</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>公司/学校/组织</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>职位</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>工作地址</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>工作电话</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>电子邮箱</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>个人主页</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    <div class="mui-input-row">
	    	        <label>备注</label>
	    	        <input type="text" class="mui-input-clear" placeholder="可选填写">
	    	    </div>
	    	    
	    	    <button class="mui-btn mui-btn-green">确定</button>
	    	</form>
	    </div>
	    
	</div>



<script src="../lib/js/mui.min.js"></script>
<script src='../lib/js/my_plugin.js'></script>
<script src='../lib/js/qrcode.js'></script>
<script src='../js/QR_code.js'></script>
</body>
</html>